<script setup>

</script>

<template>
  <el-form
      :model="data.form"
      ref="ruleFormRef"
      :rules="rules"
      label-width="150px">
    <!--    选择调度信息    -->
    <el-form-item
        label="选择调度任务"
        prop="ggg"
    >
      <el-select
          v-model="data.form.dispatchId"
          filterable
          remote
          reserve-keyword
          remote-show-suffix
          @change="queryClaimAndPolicy()"
          style="width: 90%;"
          placeholder="请选择调度任务">
        <el-option v-for="item in data.dispatchList"
                   :label="item.claimReport ? (item.claimReport.claimReportId + '->' + item.claimReport.contactPerson + '->' + item.claimReport.lossAddress) : '' "
                   :value="item.id" />
      </el-select>
    </el-form-item>
    <el-form-item label="报案编号" prop="claimReportId" style="width: 100%;">
      {{data.dispatchForm.claimReportId}}
    </el-form-item>
    <el-form-item label="保单编号" prop="policyNumber" style="width: 100%;">
      <span v-if="data.dispatchForm.claimReport != null">{{data.dispatchForm.claimReport.policyNumber}}</span>
    </el-form-item>
    <el-form-item label="产品名称" prop="insuranceType" style="width: 100%;">
      <span v-if="data.dispatchForm.busInsurancePolicy != null">{{data.dispatchForm.busInsurancePolicy.insuranceType}}</span>
    </el-form-item>
    <el-form-item label="投保人" prop="insuredName" style="width: 100%;">
            <span v-if="data.dispatchForm.busInsurancePolicy != null">
                 {{data.dispatchForm.busInsurancePolicy.insuredName}}
            </span>
    </el-form-item>
    <el-form-item label="投保金额" prop="insuranceAmount" style="width: 100%;">
      <span v-if="data.dispatchForm.busInsurancePolicy != null">{{data.dispatchForm.busInsurancePolicy.insuranceAmount}}</span>
    </el-form-item>
    <el-form-item label="出险时间" prop="ii" style="width: 100%;">
      <span v-if="data.dispatchForm.claimReport != null">{{data.dispatchForm.claimReport.lossTime}}</span>
    </el-form-item>

    <el-form-item label="查勘等级" prop="surveyType" style="width: 80%;">
      <el-select :disabled="data.isDisable" v-model="data.form.surveyType" placeholder="请选择">
        <el-option label="一级" value="1" />
        <el-option label="二级" value="2" />
        <el-option label="三级" value="3" />
      </el-select>
    </el-form-item>

    <el-form-item label="预估费用" prop="estimatedCost" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.estimatedCost" placeholder="请输入预估费用"/>
    </el-form-item>

    <el-form-item label="受灾面积" prop="affectedArea" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.affectedArea" placeholder="请输入受灾面积"/>
    </el-form-item>

    <el-form-item label="死亡数量" prop="deathsNumber" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.deathsNumber" placeholder="请输入死亡数量"/>
    </el-form-item>

    <el-form-item label="报损金额" prop="reportedLoss" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.reportedLoss" placeholder="请输入报损金额"/>
    </el-form-item>

    <el-form-item label="查勘日期" prop="surveyTime" style="width: 80%;">
      <el-date-picker :disabled="data.isDisable"
                      v-model="data.form.surveyTime"
                      type="datetime"
                      format="YYYY-MM-DD HH:mm:ss"
                      value-format="YYYY-MM-DD HH:mm:ss"
                      style="width: 100%"
      />
    </el-form-item>

    <el-form-item label="成灾面积" prop="affectedConfirmArea" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.affectedConfirmArea" placeholder="请输入成灾面积"/>
    </el-form-item>

    <el-form-item label="扑杀数量" prop="killQuantity" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.killQuantity" placeholder="请输入扑杀数量"/>
    </el-form-item>

    <el-form-item label="预估金额" prop="estimatedAmount" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.estimatedAmount" placeholder="请输入预估金额"/>
    </el-form-item>

    <el-form-item label="估损数量" prop="estimatedNumber" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.estimatedNumber" placeholder="请输入估损数量"/>
    </el-form-item>

    <el-form-item label="绝产面积" prop="productionArea" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.productionArea" placeholder="请输入绝产面积"/>
    </el-form-item>

    <el-form-item label="实际指数" prop="surveyIndex" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.surveyIndex" placeholder="请输入实际指数"/>
    </el-form-item>

    <el-form-item label="备注" prop="remark" style="width: 80%;">
      <el-input :disabled="data.isDisable" v-model="data.form.remark" placeholder="请输入备注信息"/>
    </el-form-item>

  </el-form>
</template>

<style scoped>

</style>